<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>陕西科普信息网</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<meta name="format-detection"content="telephone=no, email=no" />
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<div class="wrap">
		<!-- banner -->
		<div id="slideBox" class="slideBox">
			<div class="bd">
				<ul>
					<li><a class="pic" href="#"><img src="images/banner.jpg" /></a><a class="tit" href="#">墨西哥教师罢工 与警察激烈冲突</a></li>
					<li><a class="pic" href="#"><img src="images/banner.jpg"/></a><a class="tit" href="#">日右翼游行纪念钓岛"国有化"周年</a></li>
					<li><a class="pic" href="#"><img src="images/banner.jpg"/></a><a class="tit" href="#">女兵竞选美国小姐鼓励女性自强</a></li>
				</ul>
			</div>
			<div class="hd">
				<ul>
				</ul>
			</div>
		</div>
		<div class="news-list">
			<dl class="news-item dis_box">
				<dt><img src="images/pic1.jpg" alt=""/></dt>
				<dd class="box_flex">
					<h3>敞开实验室大门，拉近公众与地球敞开实验室大门，拉近公众与地球敞开实验室大门，拉近公众与地球</h3>
					<div class="date"><span>发布日期：</span>2015-07-13</div>
					<div class="info">全国科技活动周期间，中国科学院地球环境研究所按照陕西省2015年...</div>
				</dd>
			</dl>
			<dl class="news-item dis_box">
				<dt><img src="images/pic1.jpg" alt=""/></dt>
				<dd class="box_flex">
					<h3>敞开实验室大门，拉近公众与地球敞开实验室大门，拉近公众与地球敞开实验室大门，拉近公众与地球</h3>
					<div class="date"><span>发布日期：</span>2015-07-13</div>
					<div class="info">全国科技活动周期间，中国科学院地球环境研究所按照陕西省2015年...</div>
				</dd>
			</dl>
			<div class="watch-more">
				<a href="javascript:;">
					<span>查看更多</span>
					<i><img src="images/rect.png" alt=""/></i>
				</a>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/scaling.js"></script>
<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
<!--<script type="text/javascript">
	$('.watch-more').on('click', function(){
		$.ajax({
			url: 'list.json',
			data:'',
			type: 'post',
			dataType: 'json',
			success: function(data){
				var _list = data.content;
				if(_list && _list.length > 0){
					for(var i = 0; i < _list.length; i++){
						var _html = '';
						var item = _list[i];
						var _img = item.img;
						/*<dd class="box_flex">
								<h3>敞开实验室大门，拉近公众与地球敞开实验室大门，拉近公众与地球敞开实验室大门，拉近公众与地球</h3>
						<div class="date"><span>发布日期：</span>2015-07-13</div>
						<div class="info">全国科技活动周期间，中国科学院地球环境研究所按照陕西省2015年...</div>
						</dd>*/
						_html += '<dl class="news-item dis_box">';
						_html += '<dt><img src="' + _img[i] + '" alt="" /></dt>';
						/*_html += _list[i].text + '<span>' + _list[i].time + '</span></dl>';*/
						_html += '<dd class="box_flex"><h3>' + _list[i].title + '</h3>';
						_html += '<div class="date"' + _list[i].time + '</div>';
						_html += '<div' + _list[i].info + '</div></dl>';

						var $html = $(_html);
						console.log($html);

						$html.appendTo('.news-list');
					}
				}
			},
			error: function(){
				/*alert(111);*/
			}
		})
	});
</script>-->
</html>